<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DualonCMS</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/layoutmanager.css" type="text/css">
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/layoutmanager.js"></script>
<script type="text/javascript">
	$("document").ready(function(){
		$("#sidebar").accordion({ autoHeight: true });
		dnd("dropzone");
	});
</script>
</head>
<body>
	<div id="maindiv">
		<div id="sidebar" class="ui-state-default">
			<h3><a href="#">Plugin</a></h3>
			<div>
				<ul id="widget_container">
					<li id="widget_cal" class="widget"></li>
					<li id="widget_maps" class="widget"></li>
					<li id="widget_photos" class="widget"></li>
					<li id="widget_stocks" class="widget"></li>
					<li id="widget_weather" class="widget"></li>
				</ul>
			</div>
			<h3><a href="#">Layout</a></h3>
			<div>
				<ul id="layout_container">
					<li class="layout">50:50</li>
					<li class="layout">33:66</li>
					<li class="layout">25:75</li>
					<li class="layout">75:25</li>
					<li class="layout">33:33:33</li>
				</ul>
			</div>
			<h3><a href="#">Design</a></h3>
			<div>Bla3</div>
		</div>
		<div id="header" class="ui-state-default">Header</div>
		<div id="menubar" class="ui-state-default"></div>
		<div id="content">
			<div id="page_home" class="dropzone ui-state-default"></div>
		</div>
		<div id="footer" class="ui-state-default">Footer</div>
	</div>
</body>
</html>